<!DOCTYPE html>
<style>
body {
    margin: 0;
    padding: 0;
}
table {
    border: 0;
    border-spacing: 0;
    display: inline-table;
    border-bottom: transparent solid 40px;
}
span {
   font: 20px Ahem;
   line-height: 20px;
}
td {
    padding:0
}
</style>
<script src="../../resources/check-layout.js"></script>
<span>
    Text
    <table data-total-y=16>
        <tr><td></td></tr>
        <tr><td>Text</td></tr>
    </table>
    Text
</span>
<p>crbug.com/452593: If an inline-table consists of a single row which consists of a single empty cell, then the
   baseline of the inline-table coincides with the baseline of the row  which coincides with the bottom content edge of the cell.
   The two black boxes will align together along the top of the page at their top edges.
   </p>
   <p id="test-output"></p>
<script>
checkLayout('table', document.getElementById("test-output"));
</script>
